<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:b="http://bootsfaces.net/ui">
    <h:head>
        <title>项目名称</title>
        <meta name="author" content="The Author"></meta>
    </h:head>
    <!-- Add 50px padding top to the body for the navbar -->
    <h:body style="padding-top: 50px; padding-bottom: 20px;">
        <b:navBar brand="公司/项目" brandHref="#" inverse="true"  fixed="top">
            <b:navbarLinks>
                <b:navLink value="链接" href="#"></b:navLink>
                <b:navLink value="链接" href="#"></b:navLink>
                <b:dropMenu value="下拉菜单">
                    <b:navLink value="Action" href="#"></b:navLink>
                    <b:navLink value="Another action" href="#"></b:navLink>
                    <b:navLink value="Something else here" href="#"></b:navLink>
                    <b:navLink></b:navLink>
                    <b:navLink header="Nav header"></b:navLink>
                    <b:navLink value="Separated link" href="#"></b:navLink>
                    <b:navLink value="One more separated link" href="#"></b:navLink>
                </b:dropMenu>
            </b:navbarLinks>
            <h:form styleClass="navbar-form navbar-right">
                <div class="form-group">
                    <b:inputText placeholder="Email" fieldSize="sm"/>
                    <!--input type="text" class="form-control" placeholder="Search"/-->
                </div>
                <div class="form-group">
                    <b:inputText placeholder="Password" fieldSize="sm"/>
                </div> 
                #{' '}
                <b:commandButton action="a" value="Sign in" look="success" icon="chevron-right" iconAlign="right"/>
            </h:form>
        </b:navBar>
        <b:jumbotron>
            <b:container>
                <h1>李商隐</h1>
                <p>宣室求贤访逐臣，贾生才调更无伦。可怜夜半虚前席，不问苍生问鬼神。</p>
                 <p>春心莫共花争发，一寸相思一寸灰！ 夕阳无限好，只是近黄昏。</p>
                <p>
                    <a href="https://github.com/TheCoder4eu/BootsFaces-examples/blob/master/src/main/webapp/jumbotron.xhtml" class="btn btn-lg btn-info">View Page Source »</a>
                </p>
            </b:container>
        </b:jumbotron>
        <b:container>
            <b:row>
                <b:column col-md="4">
                    <h2>飒飒东风细雨来</h2>
                    <p>飒飒东风细雨来，芙蓉塘外有轻雷。</p>
					<p>金蟾啮锁烧香入，玉虎牵丝汲井回。</p>
					<p>贾氏窥帘韩掾少，宓妃留枕魏王才。</p>
					<p>春心莫共花争发，一寸相思一寸灰！</p>
                    <p><b:button outcome="" value="详情 »" look="success" /></p>
                </b:column>
                <b:column col-md="4">  
                    <h2>相见时难别亦难</h2>
                    <p>相见时难别亦难，东风无力百花残。</p>
					<p>春蚕到死丝方尽，蜡炬成灰泪始干。</p>
					<p>晓镜但愁云鬓改，夜吟应觉月光寒。</p>
					<p>蓬山此去无多路，青鸟殷勤为探看。</p>
                    <p><b:button outcome="" value="详情 »" look="success"/></p>
                </b:column>
                <b:column col-md="4">
                    <h2>锦瑟无端五十弦</h2>
                    <p>锦瑟无端五十弦，一弦一柱思华年。</p>
					<p>庄生晓梦迷蝴蝶，望帝春心托杜鹃。</p>
					<p>沧海月明珠有泪，蓝田日暖玉生烟。</p>
					<p>此情可待成追忆，只是当时已惘然。</p>                    
                    <p><b:button outcome="" value="详情 »" look="success"/></p>
                </b:column>
            </b:row>
            <hr/>
            <footer>
            <p>© InfoTech Company 2018</p>
            </footer>
        </b:container>

    </h:body>
</html>